<template>
    <div>
        <NavBar :nav-bar-item = navBarData></NavBar>
        <router-view></router-view>
    </div>
</template>

<script setup>
import NavBar from '../../components/NavBar.vue';
import {ref} from 'vue'


const navBarData = ref([
    { name: "个性推荐", path: "/discover/recommend" },
    { name: "歌单", path: "/discover/songlist" },
    { name: "排行榜", path: "/discover/ranking" },
    { name: "歌手", path: "/discover/singer" },
])

</script>

<style lang="scss" scoped>

</style>